<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <title>怪咖晨-个人博客</title>
    <meta name="keywords" content="个人博客,怪咖晨,怪咖晨个人博客" />
    <meta name="description" content="怪咖晨，一个Java程序员的碎碎念。" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" th:href="@{/style/base.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/style/index.css}" />
</head>

<body>
    <header th:replace="common/header"></header>
    <article>
        <div class="pics">
        </div>
        <div class="sleftbox">
            <div class="newblogs">
                <h2 class="hometitle">最新文章</h2>
                <ul>
                	<app:article rows="10" page="1" sort="desc" sidx="releaseDate">
	                	<li th:each="article : ${paging.rows}">
	                		<h3 class="blogtitle">
	                            <a th:href="@{|/${article.channel.path}/${article.bid}.html|}" target="_blank" th:text="${ (article.shortTitle != null && article.shortTitle != '') ? article.shortTitle : article.title}"></a>
	                        </h3>
	                        <div class="bloginfo">
	                            <span class="blogpic">
	                                <a th:href="@{|/${article.channel.path}/${article.bid}.html|}" th:title="${ (article.shortTitle != null && article.shortTitle != '') ? article.shortTitle : article.title}">
	                                    <img th:src="@{/upload/53c4dd571beb7.jpg}" th:alt="${ (article.shortTitle != null && article.shortTitle != '') ? article.shortTitle : article.title}" />
	                                </a>
	                            </span>
	                            <p th:utext="${#strings.abbreviate(article.summary,145)}">文章内容...</p>
	                        </div>
	                        <div class="autor">
	                            <span class="lm f_l">
	                                <a th:href="@{|/type/${article.articleType.code}.html|}" th:title"${article.articleType.name}" target="_blank" class="classname" th:text="${article.articleType.name}">文章类别</a>
	                            </span>
	                            <span class="dtime f_l" th:text="${ #dates.format(article.releaseDate,'yyyy-MM-dd') }">yyyy-MM-dd</span>
	                            <span class="viewnum f_l">浏览（<a href="javascript:void(0);" th:text="${article.accessNum}">0</a>）</span>
	                            <span class="f_r">
	                                <a th:href="@{|/${article.channel.path}/${article.bid}.html|}" class="more">阅读原文>></a>
	                            </span>
	                        </div>
	                	</li>
                	</app:article>
                </ul>
            </div>
        </div>
        <div class="srightbox">
            <div th:replace="common/rightbox :: .aboutme"></div>
            <div th:replace="common/rightbox :: .search"></div>
            <div class="paihang">
                <h2 class="ab_title">
                    <a href="/">点击排行</a>
                </h2>
                <ul>
                    <app:article rows="6" page="1" sort="desc" sidx="accessNum">
	                	<li th:each="article : ${paging.rows}">
	                        <b>
	                            <a th:href="@{|/${article.channel.path}/${article.bid}.html|}" target="_blank" th:text="${ #strings.abbreviate((article.shortTitle != null && article.shortTitle != '') ? article.shortTitle : article.title , 17)}">文章标题</a>
	                        </b>
	                        <p th:utext="${#strings.abbreviate(article.summary,72)}">文章内容...</p>
	                    </li>
                	</app:article>
                </ul>
            </div>
            <div th:replace="common/rightbox :: .links"></div>
            <div th:replace="common/rightbox :: .weixin"></div>
        </div>
    </article>
    <footer th:replace="common/footer"></footer>
</body>
</html>
